<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">个人信息</h1>
    </div>
</div>
<div class="panel panel-default">
    <!-- Default panel contents -->
    <div class="panel-heading">我的信息</div>

    <!-- Table -->
    <table class="table">
        <thead>
        <tr>
            <th>姓名</th>
            <th>学号</th>
            <th>学院</th>
            <th>班级</th>
            <th>专业</th>
            <th>年级</th>
            <th>学制</th>
            <th>毕业时间</th>
            <th>更多信息</th>
            <th>信息确认</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>永辉</td>
            <td>2013123</td>
            <th>计算机学院</th>
            <td>1班</td>
            <th>物联网工程</th>
            <th>2013</th>
            <th>全日制本科</th>
            <th>2017</th>
            <th><a href="#" class="btn btn-primary  btn-xs " role="button" id="userinfo"
                   onclick="$('#userInfoDetail').modal('show')">详细信息</a></th>
            <th><a href="#" class="btn btn-primary btn-xs btn-danger" role="button" id="usersumit"
                   onclick="$('#myModal').modal('show')">确认无误</a></th>
        </tr>
        </tr>
        </tbody>
    </table>

    <div class="bg-danger text-center text-danger ">温馨提示:信息确认无误之后方可进行论文选题环节</div>
</div>
</div>

<div class="modal fade" id="userInfoDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">您的详细信息</h4>
            </div>
            <div class="modal-body">
                <form role="form" class="form-inline wid">
                    <div class="form-group ">
                        <label for="name" class="form-label">姓名</label>
                        <input type="text" class="form-control input-sm " id="name" value="永辉" disabled>
                    </div>
                    <div class="form-group ">
                        <label for="phone" class="form-label">手机</label>
                        <input type="text" class="form-control input-sm" id="phone" value="18297653412" >
                    </div>
                    <img  class="img-rounded" alt="140x140" src="http://placehold.it/140x140">
                    <br>
                    <div class="form-group ">
                        <label for="studentNo" class="form-label">学号</label>
                        <input type="text" class="form-control input-sm" id="studentNo" value="2013123" disabled>
                    </div>
                    <div class="form-group ">
                        <label for="mail" class="form-label">邮箱</label>
                        <input type="text" class="form-control input-sm" id="mail" value="18297653412" >
                    </div>
                    <br>
                    <br>
                    <div class="form-group ">
                        <label for="grade" class="form-label">年级</label>
                        <input type="text" class="form-control input-sm" id="grade" value="2013" disabled>
                    </div>
                    <div class="form-group ">
                        <label for="sex" class="form-label">性别</label>
                        <input type="text" class="form-control input-sm" id="sex" value="男" >
                    </div>
                <br>
                <br>
                <div class="form-group ">
                    <label for="studentNo" class="form-label">学院</label>
                    <input type="xeyun" class="form-control input-sm" id="xeyun" value="2013123" disabled>
                </div>
                <br>
                <br>
                <div class="form-group ">
                    <label for="zhuanye" class="form-label">专业</label>
                    <input type="text" class="form-control input-sm" id="zhuanye" value="2013" disabled>
                </div>
                    <br>
                    <br>
                    <div class="form-group ">
                        <label for="class" class="form-label">班级</label>
                        <input type="text" class="form-control input-sm" id="class" value="2013" disabled>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">放弃</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">确认信息无误</h4>
            </div>
            <div class="modal-body">
                <p class="text-center">在点击'确认无误'之前，请您再次确认！</p>
                <p class="text-center">确认无误之后您的信息将会被锁定！</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">确认</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">再检查一下</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>